<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单控件的使用</title>
</head>
<body>
<form action="#" method="post" id="user_form">
    <fieldset>
        <legend>注册信息</legend>
    用户名：<input type="text" name="username" maxlength="9" value="一" readonly>
    <br>
    <br>
    密码： &nbsp;&nbsp;&nbsp;<input type="password" name="psw">
    <br>
    <br>
    <!--点击文字时，也能被选中-->
    性别：<input type="radio" name="sex" id="man">
    <label for="man">男</label>
    <input type="radio" name="sex" id="woman">
    <label for="woman">女</label>
    <br>
    <br>
    兴趣：<input type="checkbox">唱歌
    <input type="checkbox">跳舞
    <input type="checkbox">玩游戏
    <input type="checkbox" checked>看小说
    <br>
    <br>
    籍贯：
    <select>
        <optgroup label="湖南省">
            <option>长沙市</option>
            <option>邵阳市</option>
            <option selected>隆回县</option>
            <option>娄底市</option>
        </optgroup>
        <optgroup label="湖北省">
            <option>武汉市</option>
            <option>襄阳市</option>
            <option>荆州市</option>
            <option>孝感市</option>
        </optgroup>
        <optgroup label="河南省">
            <option>郑州市</option>
            <option>开封市</option>
            <option>洛阳市</option>
            <option>商丘市</option>
        </optgroup>
    </select>
    <br>
    <br>
    滑动条:<input type="range">
    <br>
    <br>
    文本域:
    <textarea rows="7" cols="9">
    </textarea>
    <br>
    <br>
    上传文件：<input type="file">
    <br>
    <br>
    <input type="submit">
    <input type="reset">
    <input type="button" value="登录">
    <input type="image" src="images/favicon.ico">
    <br>
    <br>
    出生日期：<input type="month">
</form>
<br>
<br>
<h2>可惜让你快乐的人并不是我</h2>
<p>下面输入框在form标签外，但是因为指定了form属性为表单的id属性值，所以输入框任属于表单的一部分</p>
   邮箱： <input type="email" form="user_form">
<br>
<br>
请输入您的乘车工具:<input type="text" list="buy">
<datalist id="buy">
    <option>轿车</option>
    <option>单车</option>
    <option>拖拉机</option>
</datalist>
</body>
</html>
</fieldset>